A basic example of a chart created using dynamic updates

[No canvas support]

This goes in the documents header: 
<script src="RGraph.common.core.js"></script>
<script src="RGraph.line.js"></script>
Put this where you want the chart to show up: 
<canvas id="cvs" width="600" height="250">
    [No canvas support]
</canvas>
This is the code that generates the chart: 
<script>
    // Prefill the data array
    for (i=0,data=[];i<600; ++i) data[i] = null;

    /**
    * Ths window.onload function initiates the AJAX request. The AJAX page is: http://www.rgraph.net/getdata.html
    * If you view this in your browser you'll see that all it does is output a sequence of numbers.
    */
    var line = new RGraph.Line({
        id: 'cvs',
        data: data,
        options: {
            labels: ['60s','55s','50s','45s','40s','35s','30s','25s','20s','15s','10s','5s','0s'],
            numxticks: 12,
            backgroundGridAutofitNumvlines: 12,
            ymax: 100,
            gutterLeft: 35,
            tickmarks: null,
            shadow: null,
            backgroundGridBorder: false,
            backgroundGridVlines: false,
            noaxes: true,
            linewidth: 1
        }
    }).draw();


    /**
    * This is the AJAX callback function. It adds the number retrieved via
    * AJAX to the data array
    */
    var last = RGraph.random(0,100);

    function draw ()
    {
        last = RGraph.random(last - 5, last + 5);
        last = Math.min(last, 100);
        last = Math.max(last, 0);
        
        // Set the data on the object
        line.original_data[0].push(last);
        line.original_data[0].shift();

        // Clear the canvas
        RGraph.clear(line.canvas);
        line.draw();

        setTimeout(draw, 100);
    }

    draw();
</script>